<template>
    <div class="box">
        <h4>父路由组件(一级路由组件)</h4>
        <pre>
            多级路由实际上就是按照路由表的层级关系，在路由组件间构成RouterView的嵌套关系；
            路由组件的显示，会按照配置的层级关系，在对应层级的RouterView进行组件加载;
            多级路由一般都是用于构建子导航的
        </pre>
        <RouterLink to="/router/parent/childA">子组件A</RouterLink> <br>
        <RouterLink to="/router/parent/childB">子组件B</RouterLink> <br>
        <hr>
        <RouterView></RouterView>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.active{
    background-color: #ccc;
}
</style>